<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/7/13
  Time: 14:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ page import="com.zejson.entity.Carriers" %>
<%@ page import="com.zejson.util.DateConvert" %>
<%@ page import="com.zejson.entity.TruckTeam" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>Login</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link href="${pageContext.request.contextPath}/templates/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/templates/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/templates/assets/plugins/icomoon/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/templates/assets/plugins/uniform/css/default.css" rel="stylesheet"/>
    <link href="${pageContext.request.contextPath}/templates/assets/plugins/switchery/switchery.min.css" rel="stylesheet"/>

    <!-- Theme Styles -->
    <link href="${pageContext.request.contextPath}/templates/assets/css/ecaps.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/templates/assets/css/custom.css" rel="stylesheet">
</head>
<body>
<!-- Page Container -->
<div class="page-container">
    <!-- Page Sidebar -->
    <div class="page-sidebar">
        <a class="logo-box" href="../index.html">
            <span>ecaps</span>
            <i class="icon-radio_button_unchecked" id="fixed-sidebar-toggle-button"></i>
            <i class="icon-close" id="sidebar-toggle-button-close"></i>
        </a>
        <div class="page-sidebar-inner">
            <div class="page-sidebar-menu">
                <ul class="accordion-menu">
                    <!--   <li class="active-page">
                           <a href="index.html">
                               <i class="menu-icon icon-home4"></i><span>Dashboard</span>
                           </a>
                       </li>
                       <li>
                           <a href="email.html">
                               <i class="menu-icon icon-inbox"></i><span>Email</span>
                           </a>
                       </li>  -->
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-flash_on"></i><span>车辆管理</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../ui-alerts.html">录入车队信息</a></li>
                            <li><a href="../ui-buttons.html">修改车队信息</a></li>
                            <li><a href="../ui-icons.html">删除车队信息</a></li>
                            <li><a href="../ui-typography.html">查询车队信息</a></li>
                            <li><a href="../ui-notifications.html">录入车辆信息</a></li>
                            <li><a href="../ui-modals.html">修改车辆信息</a></li>
                            <li><a href="../ui-progress.html">删除车辆信息</a></li>
                            <li><a href="../ui-tabs-accordions.html">查询车辆信息</a></li>
                            <!--            <li><a href="ui-tree-view.html">Tree View</a></li>
                                        <li><a href="ui-nestable.html">Nestable</a></li>-->
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-layers"></i><span>驾驶员管理</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../layout-blank.html">录入驾驶员信息</a></li>
                            <li><a href="../layout-boxed.html">修改驾驶员信息</a></li>
                            <li><a href="../layout-collapsed-sidebar.html">删除驾驶员信息</a></li>
                            <li><a href="../layout-fixed-header.html">查询驾驶员信息</a></li>
                            <li><a href="../layout-fixed-sidebar.html">驾驶员车辆绑定</a></li>
                            <li><a href="../layout-fixed-sidebar-header.html">驾驶员车辆解绑</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-code"></i><span>承运任务管理</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../form-elements.html">开出承运单</a></li>
                            <li><a href="../form-wizard.html">修改承运单</a></li>
                            <li><a href="../form-file-upload.html">删除承运单</a></li>
                            <li><a href="../form-image-crop.html">查询承运单</a></li>
                            <li><a href="../form-image-zoom.html">接收承运单</a></li>
                            <!--       <li><a href="form-x-editable.html">X-editable</a></li>-->
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-format_list_bulleted"></i><span>运力查询</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../table-static.html">查询承运车队</a></li>
                            <li><a href="../table-responsive.html">查询承运车辆</a></li>
                            <li><a href="../table-data.html">查询承运单</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="../charts.html">
                            <i class="menu-icon icon-show_chart"></i><span>调度承运任务</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-my_location"></i><span>运输成本核算</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../maps-google.html">录入成本</a></li>
                            <li><a href="../maps-vector.html">查询承运任务</a></li>
                            <li><a href="../ui-tree-view.html">修改成本</a></li>
                            <li><a href="../ui-nestable.html">核算运输成本</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon icon-star"></i><span>系统维护</span><i class="accordion-icon fa fa-angle-left"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="../invoice.html">添加用户</a></li>
                            <li><a href="../pricing-tables.html">修改用户</a></li>
                            <li><a href="../timeline.html">删除用户</a></li>
                            <li><a href="../profile.html">修改密码</a></li>
                            <li><a href="../lockscreen.html">查询用户</a></li>
                            <li><a href="../todo.html">查询日志</a></li>
                            <li><a href="../gallery.html">系统维护设置</a></li>
                        </ul>
                    </li>
                    <!--       <li class="menu-divider"></li>
                           <li>
                               <a href="index.html">
                                   <i class="menu-icon icon-help_outline"></i><span>Documentation</span>
                               </a>
                           </li>
                           <li>
                               <a href="index.html">
                                   <i class="menu-icon icon-public"></i><span>Changelog</span><span class="label label-danger">1.0</span>
                               </a>
                           </li>-->
                </ul>
            </div>
        </div>
    </div><!-- /Page Sidebar -->

    <div class="page-content">
        <!-- Page Header -->
        <div class="page-header">
            <div class="search-form">
                <form action="#" method="GET">
                    <div class="input-group">
                        <input type="text" name="search" class="form-control search-input" placeholder="Type something...">
                        <span class="input-group-btn">
                                    <button class="btn btn-default" id="close-search" type="button"><i class="icon-close"></i></button>
                                </span>
                    </div>
                </form>
            </div>
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <div class="logo-sm">
                            <a href="javascript:void(0)" id="sidebar-toggle-button"><i class="fa fa-bars"></i></a>
                            <a class="logo-box" href="../index.html"><span>ecaps</span></a>
                        </div>
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <i class="fa fa-angle-down"></i>
                        </button>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="javascript:void(0)" id="collapsed-sidebar-toggle-button"><i class="fa fa-bars"></i></a></li>
                            <li><a href="javascript:void(0)" id="toggle-fullscreen"><i class="fa fa-expand"></i></a></li>
                            <li><a href="javascript:void(0)" id="search-button"><i class="fa fa-search"></i></a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="javascript:void(0)" class="right-sidebar-toggle" data-sidebar-id="main-right-sidebar"><i class="fa fa-envelope"></i></a></li>
                            <li class="dropdown">
                                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-bell"></i></a>
                                <ul class="dropdown-menu dropdown-lg dropdown-content">
                                    <li class="drop-title">Notifications<a href="#" class="drop-title-link"><i class="fa fa-angle-right"></i></a></li>
                                    <li class="slimscroll dropdown-notifications">
                                        <ul class="list-unstyled dropdown-oc">
                                            <li>
                                                <a href="#"><span class="notification-badge bg-primary"><i class="fa fa-photo"></i></span>
                                                    <span class="notification-info">Finished uploading photos to gallery <b>"South Africa"</b>.
                                                                <small class="notification-date">20:00</small>
                                                            </span></a>
                                            </li>
                                            <li>
                                                <a href="#"><span class="notification-badge bg-primary"><i class="fa fa-at"></i></span>
                                                    <span class="notification-info"><b>John Doe</b> mentioned you in a post "Update v1.5".
                                                                <small class="notification-date">06:07</small>
                                                            </span></a>
                                            </li>
                                            <li>
                                                <a href="#"><span class="notification-badge bg-danger"><i class="fa fa-bolt"></i></span>
                                                    <span class="notification-info">4 new special offers from the apps you follow!
                                                                <small class="notification-date">Yesterday</small>
                                                            </span></a>
                                            </li>
                                            <li>
                                                <a href="#"><span class="notification-badge bg-success"><i class="fa fa-bullhorn"></i></span>
                                                    <span class="notification-info">There is a meeting with <b>Ethan</b> in 15 minutes!
                                                                <small class="notification-date">Yesterday</small>
                                                            </span></a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown user-dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="http://via.placeholder.com/36x36" alt="" class="img-circle"></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Profile</a></li>
                                    <li><a href="#">Calendar</a></li>
                                    <li><a href="#"><span class="badge pull-right badge-danger">42</span>Messages</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">Account Settings</a></li>
                                    <li><a href="#">Log Out</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
        </div><!-- /Page Header -->
        <!-- Page Inner -->
        <div class="page-inner">
            <div class="page-title">
                <h3 class="breadcrumb-header">承运信息</h3>
            </div>
            <div id="main-wrapper">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-white">
                            <div class="panel-heading clearfix">
                                <h4 class="panel-title">承运单信息</h4>
                            </div>
                            <div class="panel-body">
                                <button type="button" class="btn btn-success m-b-sm" data-toggle="modal" data-target="#myModal">开承运单</button>

                                <form id="add-row-form" action="${pageContext.request.contextPath}/carriers/add_carriers.do" method="post">
                                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title" id="myModalLabel">承运信息</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货商" name="SendCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货地址" name="SendAddress">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货联系电话" name="SendPhone">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="收货商" name="ReceiveCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="收货电话" name="ReceivePhone">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="date" class="form-control" placeholder="发货日期" name="LeaveDate">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="date" class="form-control" placeholder="收货日期" name="ReceiveDate">
                                                    </div>
                                                    <div class="form-group">
                                                        <select name="FinishedState">
                                                            <option value="0">待调度</option>
                                                            <option value="1">已调度</option>
                                                            <option value="2">已签收</option>
                                                            <option value="3">已结算</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="保险花费" name="InsuranceCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="运输花费" name="TransportCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="其他花费" name="OtherCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="总花费" name="TotalCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="备注" name="Remark">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="用户" name="UserId">
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                    <button type="submit" id="add-row" class="btn btn-success">添加</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>

                                <form id="edit-row-form" action="${pageContext.request.contextPath}/carriers/delete_carriers" method="post">
                                    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                    <h4 class="modal-title">驾驶员信息</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="form-group">
                                                        <input type="hidden" id="carriersId" class="form-control" name="carriersId">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货商" name="SendCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货地址" name="SendAddress">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="供货联系电话" name="SendPhone">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="收货商" name="ReceiveCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="收货电话" name="ReceivePhone">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="发货日期" name="LeaveDate">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="date" class="form-control" placeholder="收货日期" name="ReceiveDate">
                                                    </div>
                                                    <div class="form-group">
                                                        <select name="FinishedState">
                                                            <option value="0">待调度</option>
                                                            <option value="1">已调度</option>
                                                            <option value="2">已签收</option>
                                                            <option value="3">已结算</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="保险花费" name="InsuranceCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="运输花费" name="TransportCost">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="number" class="form-control" placeholder="其他花费" name="ReceiveCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="总花费" name="ReceiveCompany">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="备注" name="Remark">
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="用户" name="UserId">
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                    <button type="submit" class="btn btn-success">添加</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>



                                <div class="table-responsive">
                                    <table id="example" class="display table" style="width: 100%; cellspacing: 0;">
                                        <thead>
                                        <tr>
                                            <th>承运单编号</th>
                                            <th>发货单位</th>
                                            <th>发货地址</th>
                                            <th>发货人电话</th>
                                            <th>收货单位</th>
                                            <th>收货单位地址</th>
                                            <th>收货人电话</th>
                                            <th>承运日期</th>
                                            <th>收货日期</th>
                                            <th>保险费</th>
                                            <th>运费</th>
                                            <th>其他费用</th>
                                            <th>合计费用</th>
                                            <th>备注</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <%
                                            List carriers = (List) request.getAttribute("carriers");
                                        %>
                                        <% if(carriers!=null)
                                            for(int i = 0;i<carriers.size();i++){
                                                Carriers carrier = (Carriers) carriers.get(i); %>
                                        <tr>
                                            <th><%=carrier.getCarriersid()%></th>
                                            <th><%=carrier.getSendcompany()%></th>
                                            <th><%=carrier.getSendaddress()%></th>
                                            <th><%=carrier.getSendphone()%></th>
                                            <th><%=carrier.getReceivecompany()%></th>
                                            <th><%=carrier.getReceiveaddress()%></th>
                                            <th><%=carrier.getReceivephone()%></th>
                                            <th><%=DateConvert.dateToString(carrier.getLeavedate())%></th>
                                            <th><%=DateConvert.dateToString(carrier.getReceivedate())%></th>
                                            <th><%=carrier.getInsurancecost()%></th>
                                            <th><%=carrier.getTransportcost()%></th>
                                            <th><%=carrier.getOthercost()%></th>
                                            <th><%=carrier.getTotalcost()%></th>
                                            <th><%=carrier.getRemark()%></th>
                                            <th>
                                                <button type="button" class="btn btn-info" data-toggle="modal" data-target="editModal" onclick="edit(<%=carrier.getCarriersid()%>)">编辑</button>
                                                <button href="<%=basePath%>/delete_carriers?carriersId=<%=carrier.getCarriersid()%>" type="button" class="btn btn-danger">删除</button>
                                            </th>
                                        </tr>
                                        <% } %>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Row -->
            </div><!-- Main Wrapper -->
            <div class="page-footer">
                <p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
            </div>
        </div><!-- /Page Inner -->
        <div class="page-right-sidebar" id="main-right-sidebar">
            <div class="page-right-sidebar-inner">
                <div class="right-sidebar-top">
                    <div class="right-sidebar-tabs">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active" id="chat-tab"><a href="#chat" aria-controls="chat" role="tab" data-toggle="tab">chat</a></li>
                            <li role="presentation" id="settings-tab"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">settings</a></li>
                        </ul>
                    </div>
                    <a href="javascript:void(0)" class="right-sidebar-toggle right-sidebar-close" data-sidebar-id="main-right-sidebar"><i class="icon-close"></i></a>
                </div>
                <div class="right-sidebar-content">
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="chat">
                            <div class="chat-list">
                                <span class="chat-title">Recent</span>
                                <a href="javascript:void(0);" class="right-sidebar-toggle chat-item unread" data-sidebar-id="chat-right-sidebar">
                                    <div class="user-avatar">
                                        <img src="http://via.placeholder.com/40x40" alt="">
                                    </div>
                                    <div class="chat-info">
                                        <span class="chat-author">David</span>
                                        <span class="chat-text">where u at?</span>
                                        <span class="chat-time">08:50</span>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="right-sidebar-toggle chat-item unread active-user" data-sidebar-id="chat-right-sidebar">
                                    <div class="user-avatar">
                                        <img src="http://via.placeholder.com/40x40" alt="">
                                    </div>
                                    <div class="chat-info">
                                        <span class="chat-author">Daisy</span>
                                        <span class="chat-text">Daisy sent a photo.</span>
                                        <span class="chat-time">11:34</span>
                                    </div>
                                </a>
                            </div>
                            <div class="chat-list">
                                <span class="chat-title">Older</span>
                                <a href="javascript:void(0);" class="right-sidebar-toggle chat-item" data-sidebar-id="chat-right-sidebar">
                                    <div class="user-avatar">
                                        <img src="http://via.placeholder.com/40x40" alt="">
                                    </div>
                                    <div class="chat-info">
                                        <span class="chat-author">Tom</span>
                                        <span class="chat-text">You: ok</span>
                                        <span class="chat-time">2d</span>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="right-sidebar-toggle chat-item active-user" data-sidebar-id="chat-right-sidebar">
                                    <div class="user-avatar">
                                        <img src="http://via.placeholder.com/40x40" alt="">
                                    </div>
                                    <div class="chat-info">
                                        <span class="chat-author">Anna</span>
                                        <span class="chat-text">asdasdasd</span>
                                        <span class="chat-time">4d</span>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="right-sidebar-toggle chat-item active-user" data-sidebar-id="chat-right-sidebar">
                                    <div class="user-avatar">
                                        <img src="http://via.placeholder.com/40x40" alt="">
                                    </div>
                                    <div class="chat-info">
                                        <span class="chat-author">Liza</span>
                                        <span class="chat-text">asdasdasd</span>
                                        <span class="chat-time">&nbsp;</span>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="load-more-messages"  data-toggle="tooltip" data-placement="bottom" title="Load More">&bull;&bull;&bull;</a>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="settings">
                            <div class="right-sidebar-settings">
                                <span class="settings-title">General Settings</span>
                                <ul class="sidebar-setting-list list-unstyled">
                                    <li>
                                        <span class="settings-option">Notifications</span><input type="checkbox" class="js-switch" checked />
                                    </li>
                                    <li>
                                        <span class="settings-option">Activity log</span><input type="checkbox" class="js-switch" checked />
                                    </li>
                                    <li>
                                        <span class="settings-option">Automatic updates</span><input type="checkbox" class="js-switch" />
                                    </li>
                                    <li>
                                        <span class="settings-option">Allow backups</span><input type="checkbox" class="js-switch" />
                                    </li>
                                </ul>
                                <span class="settings-title">Account Settings</span>
                                <ul class="sidebar-setting-list list-unstyled">
                                    <li>
                                        <span class="settings-option">Chat</span><input type="checkbox" class="js-switch" checked />
                                    </li>
                                    <li>
                                        <span class="settings-option">Incognito mode</span><input type="checkbox" class="js-switch" />
                                    </li>
                                    <li>
                                        <span class="settings-option">Public profile</span><input type="checkbox" class="js-switch" />
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-right-sidebar" id="chat-right-sidebar">
            <div class="page-right-sidebar-inner">
                <div class="right-sidebar-top">
                    <div class="chat-top-info">
                        <span class="chat-name">Noah</span>
                        <span class="chat-state">2h ago</span>
                    </div>
                    <a href="javascript:void(0)" class="right-sidebar-toggle chat-sidebar-close pull-right" data-sidebar-id="chat-right-sidebar"><i class="icon-keyboard_arrow_right"></i></a>
                </div>
                <div class="right-sidebar-content">
                    <div class="right-sidebar-chat slimscroll">
                        <div class="chat-bubbles">
                            <div class="chat-start-date">02/06/2017 5:58PM</div>
                            <div class="chat-bubble them">
                                <div class="chat-bubble-img-container">
                                    <img src="http://via.placeholder.com/38x38" alt="">
                                </div>
                                <div class="chat-bubble-text-container">
                                    <span class="chat-bubble-text">Hello</span>
                                </div>
                            </div>
                            <div class="chat-bubble me">
                                <div class="chat-bubble-text-container">
                                    <span class="chat-bubble-text">Hello!</span>
                                </div>
                            </div>
                            <div class="chat-start-date">03/06/2017 4:22AM</div>
                            <div class="chat-bubble me">
                                <div class="chat-bubble-text-container">
                                    <span class="chat-bubble-text">lorem</span>
                                </div>
                            </div>
                            <div class="chat-bubble them">
                                <div class="chat-bubble-img-container">
                                    <img src="http://via.placeholder.com/38x38" alt="">
                                </div>
                                <div class="chat-bubble-text-container">
                                    <span class="chat-bubble-text">ipsum dolor sit amet</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="chat-write">
                        <form class="form-horizontal" action="javascript:void(0);">
                            <input type="text" class="form-control" placeholder="Say something">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- /Page Content -->
</div><!-- /Page Container -->


<!-- Javascripts -->
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/jquery/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/switchery/switchery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/datatables/js/jquery.datatables.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/templates/assets/js/ecaps.min.js"></script>
<script type="text/javascript">
    function edit(id) {
        document.getElementById("carriersId").value = id;
    }
</script>
</body>
</html>

